
<!DOCTYPE html>
<html>
  <head>
    <title>jQuery WeUI</title>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">

<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
<link rel="stylesheet" href="https://jqweui.cn/dist/demos/css/demos.css">

<style>
    iframe{
        width: 100%;
        border: none;
    }
</style>
  </head>

  <body ontouchstart>

    <div class="weui-tab">
      <iframe class="weui-tab__bd" src="./article-list.html">



      </iframe>

      <div class="weui-tabbar">
        <a class="weui-tabbar__item" onclick="referTo('article-list.html')">
            <div class="weui-tabbar__icon">
              <img src="https://jqweui.cn/dist/demos/images/icon_nav_article.png" alt="">
            </div>
            <p class="weui-tabbar__label">文章</p>
          </a>
        <a class="weui-tabbar__item" onclick="referTo('yuyue.html')">
          <div class="weui-tabbar__icon">
            <img src="https://jqweui.cn/dist/demos/images/icon_nav_msg.png" alt="">
          </div>
          <p class="weui-tabbar__label">预约</p>
        </a>
        <a class="weui-tabbar__item"  onclick="referTo('my.html')">
          <div class="weui-tabbar__icon">
            <img src="https://jqweui.cn/dist/demos/images/icon_nav_cell.png" alt="">
          </div>
          <p class="weui-tabbar__label">我的</p>
        </a>
      </div>
    </div>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<script>
    function referTo(addr){
        $("iframe").attr("src", addr);
    }
</script>
</body>
</html>
